<template>
  <div class="footers">
    <div class="footer-contents">
      <div class="footer-left fot-com">
        <h1>STAY IN TOUCH</h1>
        <p>If you want to subscribe to our newsletter,</p>
        <p>please submit the form below.</p>
        <div class="inputtext">
          <input type="text" />
          <span class="subbottom">SUBSCRIBE</span>
        </div>
      </div>
      <div class="footer-right fot-com">
        <div class="imges">
          <img src alt />
        </div>
        <p>© 2019 ANTEQUE. All Rights Reserved.</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "footers"
};
</script>
<style scoped lang="less" >
.footers {
  width: 100%;
  align-items: center;
  display: inline-block;
  .footer-contents {
    width: 1160px;
    height: 180px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    .footer-left {
      h1,
      p {
        color: #fff;
      }
      h1 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
      }
      p {
        font-size: 18px;
        line-height: 30px;
      }
      .inputtext {
        width: 100%;
        height: 48px;
        line-height: 48px;
        margin-top: 20px;
        input {
          width: 395px;
          height: 48px;
          line-height: 48px;
          background: #fff;
          border-radius: 6px;
          border: 0;
          margin-right: 15px;
          font-size: 16px;
        }
        .subbottom {
          color: #fff;
          font-size: 16px;
        }
      }
    }
    .footer-right {
      text-align: center;
      width: 400px;
      .imges {
        width: 100%;
        height: 110px;
      }
      p {
        color: #fff;
        font-size: 16px;
        letter-spacing: 2px;
        margin-top: 40px;
      }
    }
  }
}
</style>